<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>系统</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" th:href="@{/resources/matrix/css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/resources/matrix/css/bootstrap-responsive.min.css}"/>
    <link rel="stylesheet" th:href="@{/resources/matrix/css/matrix-style.css}"/>
    <link rel="stylesheet" th:href="@{/resources/matrix/css/matrix-media.css}"/>
    <link rel="stylesheet" th:href="@{/resources/matrix/css/matrix-full.css}"/>
    <link rel="stylesheet" th:href="@{/resources/css/website.css}"/>
    <link rel="stylesheet" th:href="@{/resources/matrix/font-awesome/css/font-awesome.css}"/>
</head>
<body>

<!--Header-part-->
<div id="header" class="top">
    <div style="line-height:60px;height:60px;margin-left:20px;">
        <img style="width:36px;height:36px;float:left;margin-top:20px;" th:src="@{/resources/images/logo.png}"/>
        <div style="font-weight: bold;color:#fff;font-size: 16px;margin-top:10px;margin-left:10px;float:left;">
            <span>爱兔教育后台系统</span>
        </div>
    </div>
    <div id="user-nav" class="navbar navbar-inverse">
        <ul class="nav">
            <li class="dropdown" id="profile-messages"><a title="" href="#" data-toggle="dropdown"
                                                          data-target="#profile-messages" class="dropdown-toggle"><i
                    class="icon icon-user"></i> <span class="text"
                                                      th:inline="text">欢迎回来，[[${session.user?.realName}]]</span><b
                    class="caret"></b></a>
            </li>
            <!--<li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li>-->
            <li class=""><a title="" th:href="@{/author/logout}"><i class="icon icon-share-alt"></i> <span class="text">注销</span></a>
            </li>
        </ul>
    </div>
</div>

<div class="left">
    <div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-fullscreen"></i></a>
        <ul>
            <li th:each="f,fs : ${session.userFunction}" th:if="${f.functionLevel == 0}"
                class="submenu">
                <a href="#"><i class="icon icon-list"></i> <span th:text="${f.functionName}"></span></a>
                <ul class="submenu bg-palette4">
                    <li th:each="sub : ${session.userFunction}"
                        th:if="${sub != null and sub.functionLevel == 1 and sub.TSFunction.id != null and sub.TSFunction.id.equals(f.id)}">
                        <a th:href="${sub.functionUrl}" onclick="return changePage(this);"
                           th:data="${sub.functionNav}"><span
                                                        th:text="${sub.functionName}"></span></a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="top_nav">
    <div id="content-header">
        <div id="breadcrumb"><a href="javascript:void(0);" class="tip-bottom"><i class="icon-home"></i>首页</a></div>
    </div>
</div>
<div class="right">
    <div class="main_content">
        <iframe id="mainContent" width="100%" height="100%" frameborder="0" scrolling="auto"
                th:src="@{/home/}"></iframe>
    </div>

</div>
<!--Footer-part-->

<!--end-Footer-part-->
<script th:src="@{/resources/matrix/js/jquery.min.js}"></script>
<script th:src="@{/resources/matrix/js/jquery.ui.custom.js}"></script>
<script th:src="@{/resources/matrix/js/bootstrap.min.js}"></script>
<script th:src="@{/resources/matrix/js/matrix.js}"></script>
<script th:src="@{/resources/js/website.js}"></script>
</body>
</html>
